import React from 'react'
import ReactDOM from 'react-dom/client'
import App from './App.jsx'
import './index.css'
import store from './store'
import { Provider } from 'react-redux'
import { Layout, Menu, Button, Switch, Watermark, Skeleton } from 'antd';
import "@/utils/rem.js"
import "@/mock/index"; // 引入mockjs

// 常用的有3种，浏览器模式BrowserRouter，hash模式HashRouter，历史模式HishtoryRouter
// 浏览器模式BrowserRouter会使我们地址栏的路由看着更像是一个正常的路由
// 而hash模式的路由会多出一个#号
// 1. 引入BrowserRouter，并重命名为Router，想要什么路由模式，就引入对应的路由模式
import { BrowserRouter as Router } from 'react-router-dom'
// npm create vite react-system
ReactDOM.createRoot(document.getElementById('root')).render(
  <React.StrictMode>
    {/* 2. 使用Router进行包裹，这样在App页面的所有地方都可以直接使用路由了 */}
    <Watermark content={import.meta.env.VITE_NODE_ENV} style={{ width: '100%', height: '100%' }}>
      <Provider store={store}>
        <Router>
          <App />
        </Router>
      </Provider>
    </Watermark>
  </React.StrictMode>,
)
